<template>
  <div class="base-set bg-light">
    <div class="container-title">
      活动信息
      <!-- <Button type="primary" @click="jumpPrevPage">修改促销</Button> -->
    </div>
    <div class="info-list">
      <Row class-name="setRow-padding">
        <Col span="8">
          <span>活动名称：</span>
          {{$store.state.fullReturnSale.FullreturnForm.name}}
        </Col>
        <Col span="8">
          <span>是否仅首次首单返券：</span>
          {{getGiftFirstType}}
        </Col>
        <Col span="8">
          <span>活动备注：</span>
          {{$store.state.fullReturnSale.FullreturnForm.remarks}}
        </Col>
      </Row>
      <Row class-name="setRow-padding">
        <Col span="8" v-if="getReturnType == 'MONEY'">
          <div class="flexalign-center">
            <span class="selfalign-center">优惠劵：</span>
            <ul>
              <li
                v-show="item.useCondition"
                v-for="(item,index) in $store.state.fullReturnSale.FullreturnForm.activityGiftCouponList"
                :key="index"
              >返劵金额{{item.custom}}元 , 使用条件{{item.useCondition}}元 , 有效期{{item.validityDays}}天</li>
            </ul>
          </div>
        </Col>
        <Col span="8" v-if="getReturnType == 'PRODUCT'">
          <div class="flexalign-center">
            <span class="selfalign-center">优惠劵：</span>
            <div>{{getOrderCoupon}}</div>
            <!-- <ul> -->
              <!-- <li
                v-show="item.denomination"
                v-for="(item,index) in $store.state.fullReturnSale.FullreturnForm.activityGiftCouponList"
                :key="index"
              ></li> -->
            <!-- </ul> -->
          </div>
        </Col>
        <Col span="8">
          <span>活动对象：</span>
          {{getGiftGrade}}
        </Col>
        <Col span="8">
          <span>参与方式：</span>
          {{getGiftGender}}
        </Col>
      </Row>
      <Row class-name="setRow-padding">
        <Col span="8">
          <span>用户下单时间：</span>
          {{$store.state.fullReturnSale.FullreturnForm.date[0] | dateTime}} - {{$store.state.fullReturnSale.FullreturnForm.date[1] | dateTime}}
        </Col>
        <Col span="8" v-if="getReturnType == 'MONEY'">
          <span>用户在：</span>
          {{$store.state.fullReturnSale.FullreturnForm.endTime | dateTime}}完成订单
        </Col>
        <Col span="8" v-if="getReturnType == 'MONEY'">
          <span>订单在：</span>
          {{$store.state.fullReturnSale.FullreturnForm.time}}天内，未申请退款
        </Col>
      </Row>
    </div>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  name: "activeinfo",
  props: {
    isLarge: {
      type: Boolean,
      default: ()=> false
    }
  },
  data() {
    return {
      buttonSize: "large"
    };
  },
  mounted() {
  },
  computed: {
    setDate(val) {
      let word;
    },
    setRules(val) {
      let word;
      return word;
    },
    interest() {
      return this.$store.state.fullReturnSale.FullreturnForm.interest.join(",");
    }
  },
  methods: {
    jumpPrevPage() {
      this.$router.back();
    }
  },
  computed: {
    ...mapGetters([
      'getGiftGrade',
      'getGiftGender',
      'getGiftFirstType',
      'getReturnType',
      'getOrderCoupon'
    ])
  },
};
</script>

